/*
	XooCSS Framework
	- Xiami Object-oriented CSS Framework
	- 虾米面向对象样式框架

	作者: disinfeqt
	合作者: milkr
	版本: v0.1.3 (ASOT)
	日期: 2010-06-01
	
	备注：
		1. 除“清除浮动”模块内的注释外，其他皆可移除；
		2. 未验证是否与当前样式冲突；
		3. 未验证“全局重设”是否为最优。
*/

/* 全局重设 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,a,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{background:transparent;border:0;font-size:100%;outline:0;vertical-align:baseline;margin:0;padding:0;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus,:active{outline:none;-moz-outline-style:none;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}
select{margin:0;}
::-moz-focus-inner{border:none;padding:0;}

/* 虾米通用样式 */
body {font: 12px/1 Helvetica,Tahoma,Arial,\5b8b\4f53,sans-serif;color:#000000;text-align:center;}
p {line-height:1.5}
a {text-decoration:none;color:#3366CC}
a:hover {text-decoration:underline}
strong, b {font-weight:bold}

/* 背景（针对 body） */
body.default {background:url("http://img.xiami.com/res/img/default/mbg.jpg") repeat-x scroll center top #FFFFFF}
body.blank {background:#FFFFFF}
body.black {background:#000000}
body.dark {background:#333333}
body.grey {background:#D5D5D5}

/* 清除浮动 */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hide from IE Mac \*/
.clearfix {display:block}
/* End hide from IE Mac */
* html .clearfix {height:1px}

/* 布局 */
	/* 元素显示类型 */
	.dpb {display:block}
	.dpn {display:none}
	.dpni {display:none !important}
	.dpi {display:inline}
	.dpib {display:inline-block}
	.viv {visibility:visible}
	.vih {visibility:hidden}
	/* 定位 */
	.posr {position:relative}
	.posa {position:absolute}
	.poss {position:static}
	.posf {position:fixed}
	/* 溢出控制 */
	.ofh {overflow:hidden}
	.ofv {overflow:visible}
	/* 边距 */
		/* margin */
		.mg0 {margin:0}
		.mg5 {margin:5px}
		.mg10 {margin:10px}
		.mg15 {margin:15px}
		.mg20 {margin:20px}
		/* margin-top */
		.mgt0 {margin-top:0}
		.mgt5 {margin-top:5px}
		.mgt10 {margin-top:10px}
		.mgt15 {margin-top:15px}
		.mgt20 {margin-top:20px}
		/* margin-right */
		.mgr0 {margin-right:0}
		.mgr5 {margin-right:5px}
		.mgr10 {margin-right:10px}
		.mgr15 {margin-right:15px}
		.mgr20 {margin-right:20px}
		/* margin-bottom */
		.mgb0 {margin-bottom:0}
		.mgb5 {margin-bottom:5px}
		.mgb10 {margin-bottom:10px}
		.mgb15 {margin-bottom:15px}
		.mgb20 {margin-bottom:20px}
		/* margin-left */
		.mgl0 {margin-left:0}
		.mgl5 {margin-left:5px}
		.mgl10 {margin-left:10px}
		.mgl15 {margin-left:15px}
		.mgl20 {margin-left:20px}
	/* 填充 */
		/* padding */
		.pd0 {padding:0}
		.pd5 {padding:5px}
		.pd10 {padding:10px}
		.pd15 {padding:15px}
		.pd20 {padding:20px}
		/* padding-top */
		.pdt0 {padding-top:0}
		.pdt5 {padding-top:5px}
		.pdt10 {padding-top:10px}
		.pdt15 {padding-top:15px}
		.pdt20 {padding-top:20px}
		/* padding-right */
		.pdr0 {padding-right:0}
		.pdr5 {padding-right:5px}
		.pdr10 {padding-right:10px}
		.pdr15 {padding-right:15px}
		.pdr20 {padding-right:20px}
		/* padding-bottom */
		.pdb0 {padding-bottom:0}
		.pdb5 {padding-bottom:5px}
		.pdb10 {padding-bottom:10px}
		.pdb15 {padding-bottom:15px}
		.pdb20 {padding-bottom:20px}
		/* padding-left */
		.pdl0 {padding-left:0}
		.pdl5 {padding-left:5px}
		.pdl10 {padding-left:10px}
		.pdl15 {padding-left:15px}
		.pdl20 {padding-left:20px}
	/* 浮动 */
		.fl {float:left}
		.fr {float:right}
		.fn {float:none}
	/* 宽度 */
		.w960 {width:960px}
		.w818 {width:818px}
		.w680 {width:680px}
		.w670 {width:670px}
		.w270 {width:270px}
		.w265 {width:265px}
		.w140 {width:140px}

/* 颜色 */
.c000 {color:#000000} /* 黑色 */
.cfff {color:#FFFFFF} /* 白色 */
.clink {color:#3366CC} /* 默认链接颜色 */
.clink2 {color:#8CA6D7} /* 次要链接颜色 */
.cxiami {color:#FF6600} /* 虾米橙色 */
.c333 {color:#333333}
.c666{color:#666666}
.c888 {color:#888888} /* 主提示色 */
.c999 {color:#999999} /* 副提示色 */

/* 字体及排版 */
	/* 字体（覆盖默认使用） */
	.font_a {font-family:Arial}
	.font_g {font-family:georgia}
	.font_t {font-family:Tahoma}
	.font_h {font-family:Helvetica}
	.font_y {font-family:Microsoft YaHei}
	/* 字体大小 */
	.f12 {font-size:12px}
	.f14 {font-size:14px}
	.f16 {font-size:16px}
	.f18 {font-size:18px}
	.f20 {font-size:20px}
	.f22 {font-size:22px}
	.f23 {font-size:23px}
	/* 字体粗细 */
	.fwn {font-weight:normal;}
	.fwb {font-weight:bold;}
	/* 行间距（默认为1，段落默认为1.5，大部分竖排链接使用1.8） */
	.lh1 {line-height:1}
	.lh15 {line-height:1.5}
	.lh18 {line-height:1.8}
	.lh20px {line-height:20px}
	.lh216px {line-height:21.6px} /* 等于 1.8 */
	.lh30px {line-height:30px}
	.lh33px {line-height:33px}
	/* 对齐（默认为居中）*/
	.tal {text-align:left}
	.tar {text-align:right}
	.tac {text-align:center}
	.taj {text-align:justify}
	/* 字体修饰 */
	.tdu {text-decoration:underline}
	.tdn {text-decoration:none}
	.tdlt {text-decoration:line-through}

/* 边框 */
.border {border:1px solid}
.border_n {border:none}
.border_t {border-top:1px solid}
.border_r {border-right:1px solid}
.border_b {border-bottom:1px solid}
.border_l {border-left:1px solid}
.border_ss {border-style:solid}
.border_sd {border-style:dotted}
.border_sda {border-style:dashed}
.border_w1 {border-width:1px}
.border_w2 {border-width:2px}
.border_w5 {border-width:5px}

/* 高级效果 （备忘： http://www.fetchak.com/ie-css3/） */
	/* 透明 */
	.op0 {opacity:0;filter:alpha(opacity=0);}
	.op01 {opacity:0.1;filter:alpha(opacity=10);}
	.op03 {opacity:0.3;filter:alpha(opacity=30);}
	.op05 {opacity:0.5;filter:alpha(opacity=50);}
	.op08 {opacity:0.8;filter:alpha(opacity=80);}
	.op09 {opacity:0.8;filter:alpha(opacity=90);}
	.op1 {opacity:1;filter:alpha(opacity=100);}
	/* 圆角 （更多： http://border-radius.com/）*/
	.round{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
	.round_top_right{-moz-border-radius-topright:5px;-webkit-border-top-right-radius:5px;border-radius:0 5px 0 0}
	.round_right{-moz-border-radius-bottomright:5px;-moz-border-radius-topright:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;border-radius:0 5px 5px 0}
	.round_bottom_right{-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;border-radius:0 0 5px 0}
	.round_bottom_left{-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;border-radius:0 0 0 5px}
	.round_left{-moz-border-radius-bottomleft:5px;-moz-border-radius-topleft:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;border-radius:0 0 5px 5px}
	.round_top_left{-moz-border-radius-topleft:5px;-webkit-border-top-left-radius:5px;border-radius:5px 0 0 0}
	.round_top{-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-radius:5px 5px 0 0}
	.round_bottom{-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;border-radius:0 0 5px 5px}
	.round3px {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	.round10px {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}

/* 小工具 */
.no_text {text-indent:-9999px} /* 隐藏文字 */
.auto_center {margin-left:auto;margin-right:auto} /* 自动居中 */
.nowrap {white-space:nowrap} /* 不换行 */
.csd {cursor:default} /* 默认鼠标指针 */
.csp {cursor:pointer} /* 链接鼠标指针 */
.cst {cursor:text} /* 文字鼠标指针 */
.csh {cursor:help} /* 帮助鼠标指针 */
.csc {cursor:cell} /* 加号鼠标指针 */
.csm {cursor:move} /* 拖动鼠标指针 */